<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO </TITLE>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" href="static/css/demo.css" type="text/css">-->
    <link rel="stylesheet" href="static/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="static/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="static/js/jquery.ztree.core.js"></script>
    <SCRIPT LANGUAGE="JavaScript">
        var zTreeObj;
        // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
        var setting = {};
        // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
        var zNodes = [
            {name:"人员管理", open:false, children:[
                    {name:"管理员",
                        children:[
                            {name:"老姚头"},
                            {name:"赵星宇"}
                        ]
                    },
                     {name:"清洁员",children:[
                             {name:"阿姨"}
                         ]
                     },
                    ]},
            {name:"部门管理", open:true, children:[
                    {name:"财务部",children:[
                            {name:"打钱部"}
                        ]}
        ]},
            ];
        $(document).ready(function(){
            zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        });
    </SCRIPT>
</HEAD>
<BODY>
<div>
    <ul id="treeDemo" class="ztree"></ul>
</div>
</BODY>
</HTML>
